<template>
	<view class="smart-padding-wrap uni-common-mt">
		<view class="smart-page-head-title">
			<text>示例一：\n</text>
			<text>本地图片</text>
		</view>
		<view class="center">
			<image class="image" src="/static/logo.png" mode="widthFix"></image>
		</view>
		<view class="smart-page-head-title">
			<text>示例二：\n</text>
			<text>网络图片</text>
		</view>
		<view class="center">
			<image class="image" src="https://so.360tres.com/dmsmty/160_160_100/t01b30cbfa05b5df4d7.webp" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.image {
		width: 300rpx;

	}
	.center{
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>